import React, { Component } from 'react';
import PropTypes from 'prop-types'

class XiaoItem extends Component {
  // 这里就算性能优化  能写出来并作性能优化的，这算有经验的程序员。
  shouldComponentUpdate(nextProps,nextState){
    if(nextProps.content !== this.props.content){
        return true
    }else{
        return false
    }

}
  constructor(props){
    super(props)
    // 在此处绑定性能更高
    this.handleClick=this.handleClick.bind(this)
  }
  state = {  }
  render() {
    // console.log('child---render执行了')
    return (
      <div onClick={this.handleClick}>
        {this.props.avname}维尼小熊为你———{this.props.content}————{this.props.avname22}
      </div>
    );
  }

  handleClick(){
    // console.log(this.props.index)
    this.props.deleteItem(this.props.index)
  }
}

XiaoItem.defaultProps = {
  avname22:'砍树'
}

XiaoItem.propTypes={
  avname:PropTypes.string.isRequired,
  content:PropTypes.string,
  deleteItem:PropTypes.func,
  index:PropTypes.number
}

export default XiaoItem;